<!DOCTYPE html>
<meta name="viewport" content="user-scalable=no">
<html>
    <head>
        <meta charset="utf-8">
        <title>管理后台</title>
    </head> 
    <body class="fixed-left" >
        <div id="gamePage">
            <span style="font-size:40px;">用户Id:</span><input type="text" v-model="subForm.userId" style="height: 40px;width:200px;">
            &nbsp;<span style="font-size:40px;">序列:</span><input type="text" v-model="subForm.poker" style="height: 40px;width:200px;">
            <button class="btn btn-success waves-effect waves-light" type="button" style="font-size: 30px;" v-on:click="query">确定</button>
            
            <div style="width: 100%;height:40px;"></div>
            <div v-for="(arr,index) in gameInfo.gameSeats">
                <div>
                    <span style="font-size: 30px;">{{arr.userId}}</span>
                    <span v-if="index == 0">东</span>
                    <span v-if="index == 1">南</span>
                    <span v-if="index == 2">西</span>
                    <span v-if="index == 3">北</span>
                    <span>&nbsp;{{Object.keys(arr.tingpaiMap_notice || {}).join(",")}}</span>
                </div>
                <div >
                    <img :src="arr" v-for="(arr,index) in arr.images" style="width: 50px;">
                </div>
            </div>
            <button class="btn btn-success waves-effect waves-light" type="button" style="font-size: 30px;" v-on:click="sitdown">入座</button>
            <div style="width: 100%;height:50px;position: fixed;bottom: 0;background-color: #ddd;font-size: 30px;">
                <span>{{message}}</span>
            </div>
        </div>
        
    </body>
    <script src="/socket.io.js"></script>
    <script src="/assets/js/vue.min.js"></script>
    <script src="/assets/js/axios.min.js"></script>
    <script src="/js/gameVue.js"></script>
    
</html>